<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <title>TMS - 系统消息</title>
</head>

<body style="margin: 0;">
    <style>
    a.link {
        text-decoration: none;
        color: #4183C4;
        font-weight: bold;
        cursor: pointer;
    }
    
    a.link:hover {
        color: #1e70bf;
        text-decoration: underline;
    }
    
    .tms-mail-tmpl-container {
        padding: 16px;
    }
    
    @media only screen and (max-width: 767px) {
        .tms-mail-tmpl-container {
            padding: 8px 0 16px;
        }
    }
    .markdown-body{font-size:14px;line-height:1.6}.markdown-body>:first-child{margin-top:0!important}.markdown-body>:last-child{margin-bottom:0!important}.markdown-body a{word-break:break-all}.markdown-body a.absent{color:#C00}.markdown-body a.anchor{bottom:0;cursor:pointer;display:block;left:0;margin-left:-30px;padding-left:30px;position:absolute;top:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{cursor:text;font-weight:700;margin:20px 0 10px;padding:0;position:relative;word-break:break-all;}.markdown-body h1 .mini-icon-link,.markdown-body h2 .mini-icon-link,.markdown-body h3 .mini-icon-link,.markdown-body h4 .mini-icon-link,.markdown-body h5 .mini-icon-link,.markdown-body h6 .mini-icon-link{color:#000;display:none}.markdown-body h1:hover a.anchor,.markdown-body h2:hover a.anchor,.markdown-body h3:hover a.anchor,.markdown-body h4:hover a.anchor,.markdown-body h5:hover a.anchor,.markdown-body h6:hover a.anchor{line-height:1;margin-left:-22px;padding-left:0;text-decoration:none;top:15%}.markdown-body h1:hover a.anchor .mini-icon-link,.markdown-body h2:hover a.anchor .mini-icon-link,.markdown-body h3:hover a.anchor .mini-icon-link,.markdown-body h4:hover a.anchor .mini-icon-link,.markdown-body h5:hover a.anchor .mini-icon-link,.markdown-body h6:hover a.anchor .mini-icon-link{display:inline-block}.markdown-body hr:after,.markdown-body hr:before{display:table;content:""}.markdown-body h1 code,.markdown-body h1 tt,.markdown-body h2 code,.markdown-body h2 tt,.markdown-body h3 code,.markdown-body h3 tt,.markdown-body h4 code,.markdown-body h4 tt,.markdown-body h5 code,.markdown-body h5 tt,.markdown-body h6 code,.markdown-body h6 tt{font-size:inherit}.markdown-body h1{color:#000;font-size:28px}.markdown-body h2{border-bottom:1px solid #CCC;color:#000;font-size:24px}.markdown-body h3{font-size:18px}.markdown-body h4{font-size:16px}.markdown-body h5{font-size:14px}.markdown-body h6{color:#777;font-size:14px}.markdown-body blockquote,.markdown-body dl,.markdown-body ol,.markdown-body p,.markdown-body pre,.markdown-body table,.markdown-body ul{margin:15px 0}.markdown-body hr{overflow:hidden;background:#e7e7e7;height:4px;padding:0;margin:16px 0;border:0;-moz-box-sizing:content-box;box-sizing:content-box}.markdown-body h1+p,.markdown-body h2+p,.markdown-body h3+p,.markdown-body h4+p,.markdown-body h5+p,.markdown-body h6+p,.markdown-body ol li>:first-child,.markdown-body ul li>:first-child{margin-top:0}.markdown-body hr:after{clear:both}.markdown-body a:first-child h1,.markdown-body a:first-child h2,.markdown-body a:first-child h3,.markdown-body a:first-child h4,.markdown-body a:first-child h5,.markdown-body a:first-child h6,.markdown-body>h1:first-child,.markdown-body>h1:first-child+h2,.markdown-body>h2:first-child,.markdown-body>h3:first-child,.markdown-body>h4:first-child,.markdown-body>h5:first-child,.markdown-body>h6:first-child{margin-top:0;padding-top:0}.markdown-body li p.first{display:inline-block}.markdown-body ol,.markdown-body ul{padding-left:30px}.markdown-body ol.no-list,.markdown-body ul.no-list{list-style-type:none;padding:0}.markdown-body ol ol,.markdown-body ol ul,.markdown-body ul ol,.markdown-body ul ul{margin-bottom:0}.markdown-body dl{padding:0}.markdown-body dl dt{font-size:14px;font-style:italic;font-weight:700;margin:15px 0 5px;padding:0}.markdown-body dl dt:first-child{padding:0}.markdown-body dl dt>:first-child{margin-top:0}.markdown-body dl dt>:last-child{margin-bottom:0}.markdown-body dl dd{margin:0 0 15px;padding:0 15px}.markdown-body blockquote>:first-child,.markdown-body dl dd>:first-child{margin-top:0}.markdown-body blockquote>:last-child,.markdown-body dl dd>:last-child{margin-bottom:0}.markdown-body blockquote{border-left:4px solid #DDD;color:#777;padding:0 15px}.markdown-body table th{font-weight:700}.markdown-body table td,.markdown-body table th{border:1px solid #CCC;padding:6px 13px}.markdown-body table tr{background-color:#FFF;border-top:1px solid #CCC}.markdown-body table tr:nth-child(2n){background-color:#F8F8F8}.markdown-body img{max-width:100%}.markdown-body span.frame{display:block;overflow:hidden}.markdown-body span.frame>span{border:1px solid #DDD;display:block;float:left;margin:13px 0 0;overflow:hidden;padding:7px;width:auto}.markdown-body span.frame span img{display:block;float:left}.markdown-body span.frame span span{clear:both;color:#333;display:block;padding:5px 0 0}.markdown-body span.align-center{clear:both;display:block;overflow:hidden}.markdown-body span.align-center>span{display:block;margin:13px auto 0;overflow:hidden;text-align:center}.markdown-body span.align-center span img{margin:0 auto;text-align:center}.markdown-body span.align-right{clear:both;display:block;overflow:hidden}.markdown-body span.align-right>span{display:block;margin:13px 0 0;overflow:hidden;text-align:right}.markdown-body span.align-right span img{margin:0;text-align:right}.markdown-body span.float-left{display:block;float:left;margin-right:13px;overflow:hidden}.markdown-body span.float-left span{margin:13px 0 0}.markdown-body span.float-right{display:block;float:right;margin-left:13px;overflow:hidden}.markdown-body span.float-right>span{display:block;margin:13px auto 0;overflow:hidden;text-align:right}.markdown-body code,.markdown-body tt{background-color:#F8F8F8;border:1px solid #EAEAEA;border-radius:3px;margin:0 2px;padding:0 5px;white-space:normal}.markdown-body pre>code{background:none;border:none;margin:0;padding:0;white-space:pre}.markdown-body .highlight pre,.markdown-body pre{background-color:#F8F8F8;border:1px solid #CCC;border-radius:3px;font-size:13px;line-height:19px;overflow:auto;padding:6px 10px}.markdown-body pre code,.markdown-body pre tt{background-color:transparent;border:none}.markdown-body .emoji{width:1.5em;height:1.5em;display:inline-block;margin-bottom:-.25em;background-size:contain;}
    </style>
    <div class="tms-mail-tmpl-container">
        <div class="header">
            <table>
                <tr>
                    <td><span class="logo" style="background-color: #0000FF; display: inline-block; width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 50px; color: white; font-size: 20px; font-weight: bold;">TMS</span></td>
                    <td>
                        <div class="title" style="font-weight: bold; font-size: 25px; color: blue;">系统消息</div>
                        <div class="meta" style="font-size: 12px; margin-top: 5px; border-left: 2px #ddddea solid; padding-left: 5px; margin-left: 8px;">
                            <a class="link" th:href="${'mailto:' + user.mails}" th:text="${(not #strings.isEmpty(user.name)) ? user.name : user.username}">席维成</a> <span style="color: #2185d0;">发送于</span> <span class="date" style="color: #2185d0;" th:text="${#dates.format(date,'yyyy/MM/dd HH:mm:ss')}">2017/11/11 11:11:11</span>
                        </div>
                    </td>
                </tr>
            </table>
        </div>
        <div class="divider" style="margin: 16px 0; height: 1px; background-color: #dcd1d1;"></div>
        <div class="main">
            <div class="title">
                <a class="link" style="font-size: 14px;" th:href="${href}" th:utext="${title}">下面的沟通消息有分享到你</a>
            </div>
            <div class="divider" style="height: 1px; background-color: #ece9e9; margin: 8px 0;"></div>
            <div class="content markdown-body" style="min-height: 100px; background-color: #D9EDF7; padding: 16px; overflow-x: auto;" th:utext="${content}">下面的沟通消息有分享到你下面的沟通消息有分享到你下面的沟通消息有分享到你下面的沟通消息有分享到你下面的沟通消息有分享到你下面的沟通消息有分享到你下面的沟通消息有分享到你下面的沟通消息有分享到你下面的沟通消息有分享到你下面的沟通消息有分享到你下面的沟通消息有分享到你下面的沟通消息有分享到你下面的沟通消息有分享到你下面的沟通消息有分享到你下面的沟通消息有分享到你下面的沟通消息有分享到你下面的沟通消息有分享到你下面的沟通消息有分享到你下面的沟通消息有分享到你下面的沟通消息有分享到你下面的沟通消息有分享到你下面的沟通消息有分享到你下面的沟通消息有分享到你下面的沟通消息有分享到你下面的沟通消息有分享到你下面的沟通消息有分享到你下面的沟通消息有分享到你下面的沟通消息有分享到你下面的沟通消息有分享到你下面的沟通消息有分享到你下面的沟通消息有分享到你</div>
        </div>
        <div class="footer" style="margin-top: 16px; text-align: center; color: #bfbfcc; font-size: 12px;">© 2016-2017 这封邮件由TMS系统发出</div>
    </div>
</body>

</html>
